Fields: Room Viewer
The Room Viewer lets you navigate to and edit the content of a room. It displays similar to how it will appear to a patron. The only difference are links to add a room and to edit the content areas of the currently open room.
|
Changes you make to the room tree structure or to room content will not be available to patrons until you run the SD_CONTENT_EXTRACTOR task. For more information, see Scheduled Tasks. |
Rooms > Choose a profile > Choose a room > View room
Content Area Editor
The Content Area Editor is an WYSIWYG, HTML editor. It includes basic commands for formatting text and styles and inserting images and links. This works as a basic word processor.
Edit
Opens the WYSIWYG editor. The editor lets you work with the content only in the area where you chose Edit. You can copy content from other areas or other programs, such as your own HTML editor, and copy it into the content area editor.
HTML
Opens the HTML editor. The HTML editor, like the WYSIWYG, lets you work with content in the area where you chose HTML. It lets you edit the actual HTML code that forms the area's content.
Note: This raw HTML editor is different than the HTML editor available in the WYSIWYG editor. This editor is provided because the HTML editor available in the WYSIWYG editor may remove parts of the HTML code when you save the code or switch to the WYSIWYG mode. You may experience these same problems if you choose to open the content area code in the Edit mode after entering the code in HTML mode. It is also the recommended method for inserting the code for widgets such as Evanced Events.
Preview
Exits the content area editor without saving the changes.
Save
Saves the changes made to the content and closes the content area editor.
Revert
Restores the content in the area to when it was last saved.
Command Buttons
The buttons along the top of the editor give you quick access to various commands, most of which are common to HTML editors or word processors. You can use these command buttons:
Option | Description |
---|---|
Undo
|
Undoes the last action you made in successive order. |
Redo
|
Redoes the last action you made in successive order. |
Select text color
|
Lets you specify the color of the selected text. |
Select background color
|
Lets you specify the color of the background. |
Indent
|
Indents a selected paragraph or group of paragraphs. |
Outdent
|
Moves a selected indented paragraph or group of paragraphs back out to the margin. |
Align left
|
Aligns the content with the left margin. |
Align center
|
Centers the content between the margins. |
Align right
|
Aligns the content with the right margin. |
Justify
|
Distributes the text evenly between the margins. |
Cut
|
Cuts selected text and puts it on the clipboard for pasting. |
Copy
|
Copies selected text and puts it on the clipboard for pasting. |
Paste
|
Pastes the content of the clipboard directly into the editor at the insertion point. Because of differences in format, if you copied the content from a different program, the results of the paste may not be what you expect. |
Paste as Plain Text
|
Strips any formatting from the contents of the clipboard as it pastes it into the content area editor. Formatting codes from other applications can cause the HTML to format improperly. |
Emoticons
|
Opens a menu of emoticons that you can add to the content. |
Bold
|
Applies a bold format to selected text. |
Italic
|
Applies an italic format to selected text. |
Underline
|
Underlines selected text. |
Strikethrough
|
Crosses out selected text by drawing a line through it. |
Subscript
|
Adds very small letters just below the line of text. |
Superscript
|
Adds very small letters just above the line of text. |
Source Code
|
Opens the content in a text editor so you can work directly with the HTML code. Important: If you use the HTML editor, it saves the code according to its preferred HTML style, which may change how you want the content to be displayed. This may also happen when you switch from the HTML editor to the WYSIWYG editor. If you need to ensure that the editor does not change the raw HTML code, use the HTML link at the top of the content area. |
Bullet list
|
Lets you create an unordered (bulleted) list. |
Numbered list
|
Lets you create an ordered (numbered) list. |
Insert/edit image
|
Lets you specify the location and properties of an image file. All images must be identified by a URL. After inserting the path to the image, you can define appearance of the image in the text (a preview pane displays how the settings affect the image and text). |
Insert/edit media
|
Lets you specify the location and properties of a media file. All media must be identified by a URL or embed code. After inserting the path to the file, you can define the dimensions of the media file. |
Anchor
|
Specifies the location of an anchor in the current content area that you can link to from within the same area. |
Insert/Edit Link
|
Lets you define a link to another web page. The page may be within or outside your system. Many of the settings require a good knowledge of HTML formatting |
Remove link
|
Disables and removes the settings for the current link. |
Paragraph style
|
Lets you choose the style of the selected paragraph. |
Font Family
|
Lets you specify the style of the font for selected text. |
Font sizes
|
Lets you specify the font size for selected text. |
File Uploading
You can upload existing files to customize page content, banners, and footers. After you upload a file to the /custom/web/ directory on the Portfolio server, the relative path to that file on the Portfolio server displays in the Uploaded File URL field. You can then copy and paste that path into the entry fields on this page.
Important: Depending on the privileges you have access to, Enterprise uploads the files to either the custom/web/content directory or the custom/web/common directory.
Choose File
Lets you browse for a file to upload to the Portfolio server. Click Choose File to display the file browsing window. After you select a file to upload, Portfolio displays the filename in the entry field.
Important: Uploading a file with the same name as a previously uploaded file will overwrite the previous file. Administrators who have multiple profiles on an instance should use a naming convention for files on each profile to prevent confusion and overwritten files.
Upload
Copies the specified file to the /custom/web/ directory on the Portfolio server. Any files that you upload will remain on the server until they are deleted from the /custom/web/ directory. After you upload the file, the relative path to the uploaded file on the Portfolio server displays in the Uploaded File URL field.
Important: If you upload an HTML file that contains images, JavaScript, or CSS, you must separately upload those elements into the /custom/web/ directory.
Uploaded File URL
Displays the relative path as a link to the uploaded file on the Portfolio server. You can then do either of the following:
- Copy and paste the path into the entry fields on this page.
- Click the path to display the contents of the file in a separate window.
Note: Each time you upload a file, its relative path replaces the relative path of the previously-uploaded file in this field. To see a list of all files that have been uploaded and have not been deleted from the server, click the path displayed in the See All Uploaded Files field.
See All Uploaded Files
Displays the /custom/web/ directory path in which the uploaded files are placed on the Portfolio server. Click the path to display a list of the files in the /custom/web/ directory on the Directory Listings page.You can use this page to delete files from the directory.
Note: Only a user with admin privileges can access the Directory Listings page.